<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    var list = [1, 2, 3, 3, 2, 1, 3, 1, 2, 1, 2, 1, 3];

    // 数组转set 
    // (1) 手动处理
    // var s = new Set();
    // list.forEach(item=>{
    //     s.add(item);
    // })
    // console.log(s);

    // (2) new Set() 可以直接接受一个数组  => 返回对应的set结构
    var s = new Set(list);
    console.log(s);



    // set转数组
    // (1) 手动转换
    // var uni = [];
    // s.forEach(v=>{
    //     return uni.push(v);  // 此处return没有用,但是可以让箭头函数简写
    // })
    // s.forEach(v=>uni.push(v));
    // console.log(uni);

    // (2) 借助Array.from() 或 ...(扩展运算符)

    // var arr = Array.from(s);
    // console.log(arr);

    // var arr = [...s];
    // console.log(arr);


    // 数组去重
    var list = [1, 2, 3, 3, 2, 1, 3, 1, 2, 1, 2, 1, 3];
    var uni = [...new Set(list)];
    console.log(uni);








</script>
</html>